<template>
 <div>
     <HelloWorld>
     <!--具名插槽-->
          <!---<template v-slot:header>-->
          <!--插槽简写-->
            <template #header>
               <div>h</div>
           </template>
          <!-- <template v-slot:footer>-->
           <template #footer>
               <div>f</div>
           </template>
    </HelloWorld>
 </div>
</template>
<script setup lang='ts'>
import {reactive,markRaw} from 'vue'
import HelloWorld from './components/HelloWorld.vue'
// 具名插槽:具名插槽其实就是给插槽取个名字。一个子组件可以放多个插槽，
// 而且可以放在不同的地方，而父组件填充内容时，可以根据这个名字把内容填充到对应插槽中

</script>
<style scoped lang='scss'>
</style>